.calculator-modal{
  .ant-modal-body{
    padding: 0px;
    height: 400px;
    .big-row{
      height: 400px;
      .big-col{
        height: 400px;
        overflow-y: auto;
        .title{
          padding: 12px 16px;
          font-size: 14px;
          font-weight: 500;
        }
        .formula{
          padding: 10px;
          height: 355px;
          .animation::after {
            content:'';
            display: inline-block;
            width:1px;
            height:22px;
            animation: blink 1s infinite steps(1, start)
          }
          @keyframes blink {
            0% {
              background-color: white;
            }
            50% {
              background-color: black;
            }
            100% {
              background-color: white;
            }
          }
          .ant-tag{
            vertical-align: top;
            font-size: 14px;
            border: 0px;
            margin-bottom: 5px;
            position: relative;
            .anticon-cross{
              position: absolute;
              right: -5px;
              vertical-align: top;
              top: -5px;
              border: 1px solid #fff;
              z-index: 999;
              border-radius: 50%;
              font-weight: bolder;
              color: #398dd2;
              background-color: #fff;
              .anticon-cross:hover{
                color: #398dd2;
              }
            }
          }
          .ant-input{
            width: 80px;
            vertical-align: top;
            height: 22px;
            margin-bottom: 5px;
          }
        }
      }
      .little-tree{
        height: 400px;
        overflow-y: auto;
        border-left: 1px solid $divide-line;
        .title{
          padding: 12px 16px;
          font-size: 14px;
          font-weight: 500;
        }
        .little-tree-segment{
          .high-light{
            background-color: #5ec978;
            margin: 0px -10px;
            padding: 0px 10px;
            color: #fff;
          }
        }
      }
      .signal{
        border-left: 1px solid $divide-line;
        border-right: 1px solid $divide-line;
        height: 400px;
        .ant-tabs-bar{
          margin-bottom: 0px;
        }
        .ant-tabs-nav{
          margin: 0px 12px;
          .ant-tabs-tab{
            padding: 12px;
          }
        }
        .signal-all{
          padding: 10px;
          height: 250px;
          overflow-y: auto;
          .signal-single{
            font-size: 16px;
            font-weight: 400;
            padding: 0px 8px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
          }
          .active{
            background-color: $default-color;
          }
        }
        .description{
          border-top: 1px solid $divide-line;
          font-size: 14px;
          color: #aaaaaa;
          height: 106px;
          padding: 10px;
          overflow-y: auto;
        }
      }
    }
  }
}
